<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#product_container {
			display: flex;
		}
		img {
			width: 200px;
			height: 130px;
		}
	</style>
</head>
<body>
	<div id="title_container"></div>
	<div id="product_container"></div>

	<script type="text/javascript" src="demo01.js"></script>
	<script type="text/javascript">
		// 测试数据
		var productData = [
				{
					src: 'images/02.jpg',
					text: '绽放的桃花'
				}, {
					src: 'images/03.jpg',
					text: '阳光下的温馨'
				}, {
					src: 'images/04.jpg',
					text: '镜头前的绿色'
				}
			],
			titleData = {
				title: '夏日里的一片温馨',
				tips: '暖暖的温情带给人们家的感觉。'
			};

		// 测试1
		// viewCommand({
		// 	command: 'display',
		// 	param: ['title_container', titleData, 'title']
		// });

		// 测试2
		viewCommand({
			command: 'display',
			param: ['product_container', productData, 'product']
		});

		// 测试3
		// viewCommand({
		// 	command: 'create',
		// 	param: [{
		// 		src: 'images/01.jpg',
		// 		text: '迎着朝阳的野菊花'
		// 	}, 'product']
		// });
	</script>
</body>
</html>